<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="xxx.css">
	</head>
	<body>
		<!-- 提交表单 -->
		<form action="xxx.html"  method="get">
			<label for="name">用户名：</label>
			<input type="text" name="name" id="name">	
							<label for="pass">
								<legend >密码：</legend>
								</label>
							<input type="text" name="pass" id="pass">	
		<p>
			<input type="submit" value="提交"/>
		</p>
		</form>	
			<!-- 有序列表 -->
				<p>
						<ol type="A">
						<li>
							fffff
						</li>
						<li>
							bbbb
							
						</li>
					</ol>
				</p>
				<!-- 无序列表 -->
				<p>
				  <ul type="none">
					  <li>
						  1111
						  2222
						  3333
					  </li>
					  <li>
						  11111
					  </li>
				  </ul>	
					
				</p>
				<!-- map标签 -->
				<p>
				<img src="img/img1.png" alt="Planets" usemap="#planetmap">	
				<map name="planetmap">
					<area shape="rect" coords="0,0,82,126" href="img/img2.png" alt="Sun1">
					<area shape="circle" coords="90,58,3" href="img/img3.png" alt="Sun2">
					<area shape="circle" coords="124,58,8" href="img/img4.png" alt="Sun3">
				</map>	
					
				</p>
				<p>
					do not forget to buy <mark style="background-color: chartreuse;"> <font  color="white">牛奶</font></mark> 明天早上
				</p>
				<p>
					<meter value="10" min="0" max="10">2到10</meter>
					
				</p>
				<!-- nav标签 -->
			<nav>
				  <a href="https://www.baidu.com" target="_blank">百度</a>|
					<a href="www.baidu.com">百度</a>|
					<a href="www.baidu.com">百度</a>
			</nav>
			<script>
				document.write("hellow world")
			</script>
			<noscript> 抱歉你的流浪青年期不支持 javascript</noscript>
			<select>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
	<input type="range" id="a" value="50">100+
	<input type="number" id="b" value="50">=
	<output name="x" for="a b"></output>
	
</form>
<progress value="22" max="100">
</progress>
<p>
	"jjj"<br />
	<q>"叶帅是最帅的男人"</q>
</p>
<ruby>
	汉<rp>(</rp><rt>han</rt><rp>)</rp>
	字<rp>(</rp><rt>zi</rt><rp>)</rp>
</ruby>
<p>
	<s>
		my car is audi
	</s>
</p>
	</body>
</html>
